<%--
  Author: LZN
  Date: 2022/12/5 0005 19:50
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录页</title>
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css">
    <script type="text/javascript" src="bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/login.css">
</head>
<body background="img/1.jpg">
<script>
    function check(form) {
        if (form.user.value === "") {
            alert("请输入账号！");
            return false;
        }
        if (form.password.value === "") {
            alert("请输入密码！");
            return false;
        }
        return true;
    }
</script>
<div align="center" >
    <h1 style="margin: 50px 80px; color: salmon; font-family: cursive;">欢迎使用学生信息管理系统</h1>
    <form class="login-form" action="LoginServlet" method="post" onclick="return check(this)">
        <div class="form-group">
            <div>
                用户名:<input type="text" name="username" placeholder="请输入用户名" >
            </div>
            <div>
                密码:<input style="margin-top:20px;" type="password" name="password" placeholder="请输入密码">
            </div>
            <div style="margin-top:20px;">
                <input style="width:100px;" value="登录" type="submit"  class="btn btn-primary">
                <input style="width:100px;" value="重置" type="reset"  class="btn btn-primary"><br>
                <a style="width:100px;margin-left: 20px" href="register.jsp">
                    >>>>>>>前往注册>>>>>>>>
                </a>
            </div>
        </div>
    </form>
</div>

</body>
<style>
    .login-form {
        display: flex;
        flex-direction: column;
        width: 600px;
    }
</style>
</html>
